<template>
  <!-- 步骤条-->
  <Steps :active="order.orderState === 6 ? 1 : order.orderState" style="padding:20px">
    <StepsItem title="提交订单" :desc="order.createTime" />
    <StepsItem title="付款成功" :desc="order.payTime" />
    <StepsItem title="商品发货" :desc="order.consignTime" />
    <StepsItem title="确认收货" :desc="order.evaluationTime" />
    <StepsItem title="订单完成" :desc="order.endTime" />
  </Steps>
</template>

<script>
export default {
  name: 'DetailSteps',
  props: {
    order: {
      type: Object,
      default: {}
    }
  }
}
</script>